<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>师生商场</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/teacher.css">
</head>
<body>
    <header class="clearfix">
        <div class="container clearfix">
            <div class="logo fl">
                <a href="#"><img src="../images/logo.png" alt=""></a>
            </div>
            <div class="nav-select fl">
                <div class="select-input ">师生商场</div>
                <span class="line hide"></span>
                <ul class="hide">
                    <li ><a href="index.html">首页</a></li>
                    <li ><a href="college.html">网院</a></li>
                    <li><a href="find-course.html">找课程</a></li>
                    <li><a href="inquiry.html">专家问诊</a></li>
                    <li><a href="free-course.html">免费课程</a></li>
                    <li class="active"><a href="goods-list.html">师生商城</a></li>
                    <li ><a href="bbs.html">找论坛</a></li>
                    <li ><a href="find-teacher.html">找老师</a></li>
                </ul>
            </div>
            <div class="fr">
                <div class="search fl">
                    <div class="dropdown fl">
                        <select name="" id="">
                            <option value="">课程</option>
                            <option value="">老师</option>
                        </select>
                    </div>
                    <div class="search-box fl">
                        <input type="text">
                        <i class="iconfont">&#xe641;</i>
                    </div>
                </div>
                <div class="fl header-nav">
                    <ul>

                        <li><a href="#">我的主页</a></li>
                        <li><a href="#">管理中心</a></li>
                        <li><a href="#"><i class="iconfont">&#xe62e;</i></a></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </div>
            </div>
        </div> 
    </header>
    <div class="banner">
        <img src="../images/banner21.jpg" alt="" />
    </div>
    <div class="main clearfix no-shadow">
        <div class="container clearfix">
            <div class="course-detail mart30 clearfix">
                <div class="fl">
                    <div class="box">
                        <div class="tb-booth tb-pic tb-s310">
                            <a href="../images/img13.jpg"><img src="../images/img13.jpg"  rel="../images/img13.jpg" class="jqzoom" /></a>
                        </div>
                        <div class="tb-thumb-outer">
                            <ul class="tb-thumb clearfix" id="thumblist">
                            <li class="tb-selected"><div class="tb-pic tb-s40"><a href="##"><img src="../images/img13.jpg" mid="../images/img13.jpg" big="../images/img13.jpg"></a></div></li>
                            <li ><div class="tb-pic tb-s40"><a href="##"><img src="../images/img13.jpg" mid="../images/img13.jpg" big="../images/img13.jpg"></a></div></li>
                            <li ><div class="tb-pic tb-s40"><a href="##"><img src="../images/01_mid.jpg" mid="../images/01_mid.jpg" big="../images/01_mid.jpg"></a></div></li>
                            <li ><div class="tb-pic tb-s40"><a href="##"><img src="../images/img13.jpg" mid="../images/img13.jpg" big="../images/img13.jpg"></a></div></li>
                            <li ><div class="tb-pic tb-s40"><a href="##"><img src="../images/01_mid.jpg" mid="../images/01_mid.jpg" big="../images/01_mid.jpg"></a></div></li>
                             
                        </ul>
                        </div>

                        
                    </div>
                </div>
                <div class="fr detail-content sale-content">
                    <h3>A6随身迷你日记本</h3>
                    <p class="price">
                        <span class="red-color">￥0.00</span>
                        <span class="sale-tip">(满20元包邮)</span>
                    </p>
                    <p class="descibe">精美日记本，日韩风格，可爱小巧迷你型，可随身携带，简单方便精美日记本，日韩风格，可爱小巧迷你型，可随身携带，简单方便精美日记本，日韩风格，可爱小巧迷你型，可随身携带，简单方便</p>
                    <p class="fare">运费：￥10.00</p>
                    <p>库存：<span class="stock">199</span></p>
                    <div class="clearfix color-list">
                        <span class="fl">颜色</span>
                        <ul class="fl select-color">
                            <li class="active">多色</li>
                            <li >蓝色</li>
                        </ul>
                    </div>
                    <div class="goods-num clearfix">
                        <a href="javascript:void(0);"class="iconfont icon-off fl addgoods"  onclick="changeGoodsNum(1)"></a>
                        <input type="text" value="1" class="fl" id="goodsNum"/>
                        <a href="javascript:void(0);" class="iconfont icon-jiajian- fl mingoods" onclick="changeGoodsNum(0)" ></a>
                    </div>
                    <div class="course-btn mart20">
                        <a href="" class="button red-bg">立即购买</a>
                        <a href="" class="button blue-bg"><span class="iconfont icon-gouwuche"></span>加入购物车</a>
                    </div>
                </div>
            </div>
            <div class="block mart30">
                <div class="colorful-line">
                    <ul class="colorful clearfix">
                        <li></li>
                        <li class="red"></li>
                        <li class="green"></li>
                    </ul>
                </div>
            </div>
            <div class="block">
                <div class="course-tab">
                    <ul class="clearfix course-btn">
                        <li class="button active">商品详情</li>
                        <li class="button">商品评价</li>
                        <li class="button ">产品展示</li>
                    </ul>
                    <div class="tab-content">
                    <!-- 产品介绍 -->
                        <div class="tab-content-list goods-detail clearfix">
                            <p>产品简介</p>
                            <p>商品名称：迷你日记本</p>
                            <p>商品颜色：多色混发</p>
                            <p>商品尺寸：12.2*8.7cm</p>
                            <p>商品包装：opp袋</p>
                            <ol class="clearfix">
                                <li class="fl"><span class="red-color iconfont icon-dagou"></span>品德：自主</li>
                                <li class="fr"><span class="red-color iconfont icon-dagou"></span>封面  ：纸质</li>
                                <li class="fl"><span class="red-color iconfont icon-dagou"></span>货号 ：c425</li>
                                <li class="fr"><span class="red-color iconfont icon-dagou"></span>装订  : 活页</li>
                                <li class="fl"><span class="red-color iconfont icon-dagou"></span>内文材质 : 纸质</li>
                                <li class="fr"><span class="red-color iconfont icon-dagou"></span>内文纸张尺寸 : 12.2 *8.7cm</li>
                                <li class="fl"><span class="red-color iconfont icon-dagou"></span>适用送礼场合 :  颁奖纪念，广告促销，周年庆祝，节日</li>
                                <li class="fr"><span class="red-color iconfont icon-dagou"></span>加印LOGO :  可以</li>
                            </ol>
                        </div>
                        <div class="tab-content-list hide">
                            <p>总共<span class="red-color">0</span>条记录，当前显示0-0条记录。
</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="block mart30">
                <div class="colorful-line">
                    <ul class="colorful clearfix">
                        <li></li>
                        <li class="red"></li>
                        <li class="green"></li>
                    </ul>
                </div>
            </div>
            <!-- 组合类型 -->
            <div class="group-type mart30 marb30">
                <p class="group-type-title">继续购物商品</p>
                <div class="group-type-content">
                    <ul class="clearfix">
                        <li>
                            <a href="##">
                                <img src="../images/img12.jpg" alt="" />
                            </a>
                            <p class="li-title">得乐教育冲剌名校之数学篇</p>
                            <p class="blue-color li-price">¥9.90</p>
                            <p class="tip">得乐教育冲剌名校之数学篇</p>
                        </li>
                        <li>
                            <a href="##">
                                <img src="../images/img12.jpg" alt="" />
                            </a>
                            <p class="li-title">得乐教育冲剌名校之数学篇</p>
                            <p class="blue-color li-price">¥9.90</p>
                            <p class="tip">得乐教育冲剌名校之数学篇</p>
                        </li>
                        <li class="no-marr"> 
                            <a href="##">
                                <img src="../images/img12.jpg" alt="" />
                            </a>
                            <p class="li-title">得乐教育冲剌名校之数学篇</p>
                            <p class="blue-color li-price">¥9.90</p>
                            <p class="tip">得乐教育冲剌名校之数学篇</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="introduce">
        <div class="container">
            <div class="top clearfix">
                <div class="logo fl"><a href="#"><img src="../images/logo.png" alt=""></a></div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>客户端下载</p>
                </div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
                <div class="fl contact">
                    <p><i class="iconfont">&#xe618;</i>020-32146993</p>
                    <p><i class="iconfont">&#xe61b;</i>4903 Deangel Row Suite 838</p>
                    <p><i class="iconfont">&#xe639;</i>support@company.com</p>
                </div>
            </div>
            <div class="contact-ul clearfix">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">服务协议</a></li>
                </ul>
            </div>
            <div class="footline">
                <img src="../images/footer_end.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <p>广州市家合教育科技有限公司</p>
        <p>地址：广州市增城大道69号万达广场金街9栋201-204 粤ICP备16098091号</p>
    </footer>
   
</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/conn.js"></script>
<script src="../js/jquery.imagezoom.js" type="text/javascript"></script>
<script src="../js/goodsDetail.js" type="text/javascript"></script>
